<template>
    <div>
        <!-- v-slot可以直接添加在组件名上  -->
        <Child v-slot:one="myprops">
            <ul>
                <li v-for="data in myprops.mylist">{{ myprops }}</li>
            </ul>
        </Child>

        <!-- 一个组件内内置多个插槽 使用template 对具名不具名插槽进行修改 -->
        <Child >
            <template v-slot="myprops">
                <ul>
                    <li v-for="data in myprops.mylist">{{ myprops.aaa }}</li>
                </ul>
            </template>
            <template v-slot:one="myprops">
                <ul>
                    <li v-for="data in myprops.mylist">{{ myprops }}</li>
                </ul>
            </template>
            
        </Child>

        

    </div>
</template>

<script>
import Child from './Child.vue';

export default {
    components: {
        Child,
    }
}
</script>